@media(min-width: 990px){

}
body{
    background-color: #fff;
    font-family: Roboto, "Helvetica Neue",arial, sans-serif;
    font-size: 15px;
}
a,a:hover, a:focus{
    text-decoration: none;
}
#user-top-nav{
    background-color: rgb(249, 249, 249);
    padding: 20px 15px;
    margin-bottom: 0px;
    border-bottom: 1px solid #fff;
}
#user-top-nav h1{
    margin: 0px;
font-family: "Roboto Thin";
line-height: normal;
color: #999;
font-size: 35px;
}
#user-top-nav small{
    font-size: 13px;
padding: 3px 10px;
background-color: #3BC5DD;
border-radius: 4px;
vertical-align: 5px;
transition: 0.5s;
}
#user-top-nav small:hover{
    background-color: #18AFC8;
}
#user-top-nav small a{
    color: #fff;
}

#content-container{
    overflow: hidden;
    padding: 0px;
}
#user-fullname{
    color: #888;
}
#menu{
    overflow: hidden;
    font-size: 15px;
    padding: 0px;    
}
#menu ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#menu ul li{
    background-color: #777;
    padding: 15px;
    border-top: 1px solid #8F8F8F;
    border-bottom: 1px solid #5F5F5F;
}
#menu ul li a{
    color: #fff;
}
.dropdown-menu{
    margin-top: 10px;
}
.dropdown-menu:before{
    content: "\f0d8";
    position: absolute;
font-family: fontawesome;
top: -17px;
right: 35px;
font-size: 20px;
color: #fff;
text-shadow: 0px -1px 0px #ccc;
}
.dropdown-menu{
    padding: 0px;
    border-radius: 0px;
    font-family: "Roboto", arial;
}
.dropdown-menu #user-data-menu{
    padding: 5px 13px;
    color: #777;   
    border-bottom: 1px solid #ccc;
}
#user-data-menu span{
    font-size: 11px;
}
.dropdown-menu li a{
    padding: 5px 10px;
font-size: 13px;
color: #777;
transition: 0.5s;
}
.dropdown-menu li a:hover{
    background-color: #fff;
    color: #666;
    text-indent: 5px;
}

#content{
    background-color: #eee;
    padding: 0px;
    overflow: hidden;
    min-height: 510px;
}
#content .table{
    background-color: #fff;
    font-size: 13px;
    color: #888;
    font-family: Roboto, "Helvetica Neue",arial, sans-serif;
}
#content .table th, #content .table td{
    vertical-align: top;
    text-transform: capitalize;
}
#content .table th{
    font-weight: 500;
    font-family: "Roboto";
    font-size: 15px;
    text-align: center;
    color: #777;
}

.tab-title{
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    width: 100%;
    text-align: left;
    background-color: #3BC5DD;
    color: #FFF;
    text-transform: uppercase;
}
.tab-title span{
    padding: 10px 10px;
    background-color: #18AFC8;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    margin: 0px 15px 0px 0px;
}
.tab-title span i{
    font-size: 24px;
}
#frm-new-entry{
    overflow: hidden;
    font-size: 15px;
    padding: 10px 30px;
}
#frm-new-entry label{
    font-weight: normal;
    padding: 15px 0px 5px 0px;
    font-size: 15px;
    color: #666;
    text-transform: uppercase
}
.frm{
    border-radius: 0px;
}
.frm:focus{
    box-shadow: none;
    border: 1px solid #ccc;
}
#sosmed-data .list-group{
    margin: 10px;
}
#sosmed-data .list-group .list-group-item{
        padding: 14px 20px;
    font-size: 18px;
    font-family: roboto;
    color: #777;
}
.fb-warna{
    background-color: #2F99DD;
    transition: 0.5s;
    color: #fff !important;
    border: 1px solid #2F99DD !important;
}
.fb-warna:hover, .fb-warna:focus{
    background-color: #1D81C2 !important;
}
.twitter-warna{
    background-color: #46E1FB;
    transition: 0.5s;
    color: #fff !important;
    border: 1px solid #46E1FB;
}
.twitter-warna:hover, .twitter-warna:focus{
    background-color: #14D8E0 !important;
}
.gplus-warna{
    background-color: #E75B5B;
    border-radius: 3px 3px 0px 0px;
    transition: 0.5s;
    color: #fff !important;
    border: 1px solid #E75B5B
}
.gplus-warna:hover, .gplus-warna:focus{
    background-color: #DB5353 !important;
}

/* Edit Profile */
#scnd-cont{width: 90%; float: none; margin: 10px auto; padding: 10px; background-color: #fff;}
#scnd-cont .alert{text-align: center;}

/* Edit Entry */
.fisarmonica label{
    display: block;
    margin: 5px 0px;
    padding: 0px !important;
}

/* Dashboard.php */
#dashboard-container{
    width: 90%;
    margin: 10px auto;
    font-family: "roboto" arial, sans-serif;
}
#dashboard-container h2{
    font-family: "Roboto Thin";
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    font-size: 25px;
}
